<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <title>语义化</title>
        <meta charset="utf-8" >
        <link rel="stylesheet" href="tra.css">
        <!-- <link rel="shortcot icon" href="lbc/tx4.ico">       -->
    </head>
    <body>
       <fingure>
           <figcaption>123</figcaption>
           <img src="1.png" alt="">
       </fingure> 
       
       <details>
           <summary>一个标题</summary>
           <p>fhgkagfkjsgfhjdsgkfajfhhakgfjka</p>
       </details>
       
       <progress max="100"  value="30">

       </progress>
       <meter min="0" max="100" value="30"></meter>
       
       
       <div class="guodu">

       </div>
       <div class="xy">
           <img src="3.png" alt="">
           <div class="test">
1）、所有的命名最好都小写
2）、属性的值一定要用双引号("")括起来，
且一定要有值如class="divcss5",id="divcss5"
3）、每个标签都要有开始和结束，且要有
正确的层次，排版有规律工整
4）、空元素要有结束的tag或于开始的
5）、表现与结构完全分离，代码中不
           </div>
       </div>

       <div class="fly">
           <img src="4.png" alt="" class="fly-left">
           <span>&nbsp;欢乐天地</span>
           <img src="5.png" alt="" class="fly-right">
       </div>


    </body>
</html>